<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>商城分类</title>
    <link rel="stylesheet" type="text/css" href="css/shopping_mall .css" />
</head>

<body>
    <header>

    </header>
    <section>
        <!-- 通栏 -->
        <div id="classify_layout">
            <div class="layout_navtop">
                <p class="navtop_theme">
                    主题市场
                </p>
                <p class="navtop_limit">
                    限时快抢
                </p>
            </div>
        </div>
        <div class="navtop_content">
            <!-- 主题市场列表 -->
            <div class="content_theme_list">
                <ul class="theme_menu">
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="http://127.0.0.1/project/Mogujie/classify.html" target="_blank">上衣</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">T恤</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">时尚套餐</a>
                            </li>
                            <li>
                                <a href="#">卫衣</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">裙子</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">连衣裙</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">半身裙</a>
                            </li>
                            <li>
                                <a href="#">美裙套装</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">裤子</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">牛仔裤</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">休闲裤</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">运动裤</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">女鞋</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">靴子</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">单鞋</a>
                            </li>
                            <li>
                                <a href="#">休闲运动</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">包包</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">双肩包</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li class="hot_search">
                                <a href="#">拉杆箱</a>
                            </li>
                            <li>
                                <a href="#">斜挎包</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">男友</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">T恤</a>
                            </li>
                            <li>
                                <a href="#">休闲裤</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">休闲鞋</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">配饰</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">帽子</a>
                            </li>
                            <li>
                                <a href="#">墨镜</a>
                            </li>
                            <li>
                                <a href="#">眼镜框</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">美妆</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">美妆套装</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li class="list_hot">
                                <a href="#">面膜</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">护唇膏</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">家居</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">床上用品</a>
                            </li>
                            <li>
                                <a href="#">收纳整理</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">纸品清洁</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">内衣</a>
                            </li>
                            <li>
                                <a href="#">睡衣</a>
                            </li>
                            <li>
                                <a href="#">内裤</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">母婴</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">萌宝童装</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">孕妇装</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">萌宝童鞋</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">电器</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">手机壳</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">卷发棒</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">移动电源</a>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="nav_list">
                            <li>
                                <a href="#">食品</a>
                            </li>
                            <li class="list_hot">
                                <a href="#">零食组合</a>
                                <span class="hot"><img src="img/H.png" ></span>
                            </li>
                            <li>
                                <a href="#">礼包</a>
                            </li>
                            <li class="hot_search">
                                <a href="#">进口美食</a>
                            </li>
                        </ol>
                    </li>
                </ul>
            </div>
            <div class="content_bgImg">
                <img src="img/shang_bg.jpg">
            </div>
            <div class="content_rig">
                <div class="rig_member">
                    <p class="member_tu">
                        <img src="img/loginLogo.png">
                    </p>
                    <p class="member_message">
                        您好！<span class="message_nickname">愤怒的小鸟~~~~</span>
                    </p>
                    <p class="member_center">
                        会员中心
                    </p>
                    <div class="member_review">
                        <dl class="review_one">
                            <dt>待付款</dt>
                            <dd>0</dd>
                        </dl>
                        <dl class="review_two">
                            <dt>待收货</dt>
                            <dd>0</dd>
                        </dl>
                        <dl class="review_three">
                            <dt>待评价</dt>
                            <dd>0</dd>
                        </dl>
                    </div>
                </div>
                <div class="rig_gift">
                    <p class="gift_one">来蘑菇街APP</p>
                    <p class="gift_two">海量时尚好货</p>
                    <p class="gift_three">
                        <img src="img/shang_gift.webp">
                    </p>
                </div>
            </div>
        </div>
        <!-- 抢购栏 -->
        <div id="purchase_rush">
            <div class="rush_top">
                <div class="rush_top_timer">
                    <div class="rush_time">
                        <span class="timer_hours"></span>:
                        <span class="timer_minutes"></span>:
                        <span class="timer_seconds"></span>
                    </div>
                </div>
                <div class="rush_top_ban">
                    <div class="ban_bigwrap">
                        <div class="item wrap_one">
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/11.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/4.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/8.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/10.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                        </div>
                        <div class="item wrap_two">
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/25.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/21.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/19.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                            <dl class="ban_one">
                                <dt class="item_tu">
                                <img src="imgs/36.jpg">
                            </dt>
                                <dd class="item_details">
                                    <p class="details_one">BEVSIN 可爱的小cat~~</p>
                                    <p class="details_two">
                                        <span class="two_lef">￥2386.00</span>
                                        <span class="two_rig">￥3999.00</span>
                                    </p>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <p class="prev_arrows">&lt;</p>
                    <p class="next_arrows">&gt;</p>
                </div>
            </div>
            <div class="rush_bottom">
                <div class="bottom_one">
                    <img src="img/shang_nav1.webp">
                </div>
                <div class="bottom_two">
                    <img src="img/shang_nav2.webp">
                </div>
                <div class="bottom_three">
                    <img src="img/shang_nav3.webp">
                </div>
                <div class="bottom_four">
                    <img src="img/shang_nav4.webp">
                </div>
            </div>
        </div>
        <!-- 女装栏 -->
        <div id="purchase_nv_brand">
            <ul class="nv_brand_top_link">

                <li><a href="http://127.0.0.1/project/Mogujie/classify.html" target="_blank">女装</a></li>
                <li class="shu">时尚套装</li>
                <li class="shu">长袖衬衫</li>
                <li class="shu">女仔外套</li>
                <li class="shu">卫衣</li>
                <li class="shu">女仔裤</li>
                <li class="shu">休闲裤</li>
            </ul>
            <div class="nv_brand_bottom_link">
                <div class="link_anchor">
                    <img src="img/shang_lun.webp">
                </div>
                <div class="link_details">
                    <div class="details_banner">
                        <div class="details_ban_bigwrap">
                            <div class="details_item details_item_one">
                                <dl class="details_ban_one">
                                    <dt>
                                <img src="imgs/3.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                                <dl class="details_ban_one">
                                    <dt>
                                <img src="imgs/13.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                                <dl class="details_ban_one">
                                    <dt>
                                <img src="imgs/15.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                                <dl class="details_ban_one">
                                    <dt>
                                <img src="imgs/17.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                            </div>
                            <div class="details_item details_item_two">
                                <dl class="details_ban_two">
                                    <dt>
                                <img src="imgs/34.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                                <dl class="details_ban_two">
                                    <dt>
                                <img src="imgs/35.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                                <dl class="details_ban_two">
                                    <dt>
                                <img src="imgs/37.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                                <dl class="details_ban_two">
                                    <dt>
                                <img src="imgs/38.jpg" >
                            </dt>
                                    <dd>
                                        <p class="text_introduce">
                                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                        </p>
                                        <p class="goods_price">￥9999</p>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <p class="prev_arrows nv_prev">&lt;</p>
                        <p class="next_arrows nv_next">&gt;</p>
                    </div>

                    <div class="details_cen">
                        <p class="details_cen_one">
                            <img src="img/shang_lun1.webp">
                        </p>
                        <p class="details_cen_two">
                            <img src="img/shang_lun2.webp">
                        </p>
                        <p class="details_cen_three">
                            <img src="img/shang_lun3.webp">
                        </p>
                    </div>
                    <div class="details_bottom">
                        <dl class="details_bottom_one">
                            <dd>
                                <p class="details_txt_one">韩版卫衣</p>
                                <p class="details_txt_two">百搭必备</p>
                            </dd>
                            <dt>
                            <img src="img/13.png" >
                        </dt>
                        </dl>
                        <dl class="details_bottom_one">
                            <dd>
                                <p class="details_txt_one">小裙子</p>
                                <p class="details_txt_two">心机穿搭</p>
                            </dd>
                            <dt>
                            <img src="img/15.png" >
                        </dt>
                        </dl>
                        <dl class="details_bottom_one">
                            <dd>
                                <p class="details_txt_one">卫衣</p>
                                <p class="details_txt_two">冷暖自知</p>
                            </dd>
                            <dt>
                            <img src="img/16.png" >
                        </dt>
                        </dl>
                        <dl class="details_bottom_one">
                            <dd>
                                <p class="details_txt_one">鞋子</p>
                                <p class="details_txt_two">穿出黄金比例</p>
                            </dd>
                            <dt>
                            <img src="img/14.png" >
                        </dt>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <!-- 女鞋和包包 -->
        <div id="shoeAndHandbag_brand">
            <ul class="shoeAndHandbag_brand_top_link">
                <li>女鞋&包包</li>
                <li class="shu">单鞋</li>
                <li class="shu">小白鞋</li>
                <li class="shu">运动鞋</li>
                <li class="shu">帆布鞋</li>
                <li class="shu">斜挎包</li>
                <li class="shu">双肩包</li>
                <li class="shu">手提包</li>
                <li class="shu">拉杆箱</li>
            </ul>
            <div class="shoeAndHandbag_brand_bottom_link">
                <div class="link_lef_anchor">
                    <img src="img/shang_xia.webp">
                </div>
                <div class="link_cen_banner">
                    <div class="banner_bigwrap">
                        <div class="cen_item  cen_item_one">
                            <dl class="cen_ban_one">
                                <dt>
                                <img src="imgs/10.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_one">
                                <dt>
                                <img src="imgs/10.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_one">
                                <dt>
                                <img src="imgs/10.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_one">
                                <dt>
                                <img src="imgs/10.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_one">
                                <dt>
                                <img src="imgs/10.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_one">
                                <dt>
                                <img src="imgs/10.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                        </div>
                        <div class="cen_item  cen_item_two">
                            <dl class="cen_ban_two">
                                <dt>
                                <img src="imgs/36.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_two">
                                <dt>
                                <img src="imgs/36.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_two">
                                <dt>
                                <img src="imgs/36.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_two">
                                <dt>
                                <img src="imgs/36.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_two">
                                <dt>
                                <img src="imgs/36.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                            <dl class="cen_ban_two">
                                <dt>
                                <img src="imgs/36.jpg" >
                            </dt>
                                <dd>
                                    <p class="text_details">
                                        皮卡丘！nice！啦啦啦啦啦啦啦啦啦
                                    </p>
                                    <p class="price_goods">￥9999</p>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <ol class="dotWrap">

                    </ol>
                </div>
                <div class="link_rig_commendGoods">
                    <div class="commendGoods_top">
                        <p class="top_one">热销产品推荐</p>
                        <p class="top_two">换一批</p>
                    </div>
                    <div class="commendGoods_bottom">
                        <dl>
                            <dt>
                                <img src="imgs/10.jpg" alt="">
                            </dt>
                            <dd>
                                <p class="commendGoods_details">
                                    自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                </p>
                                <p class="price_commendGoods">￥888</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="imgs/10.jpg" alt="">
                            </dt>
                            <dd>
                                <p class="commendGoods_details">
                                    自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                </p>
                                <p class="price_commendGoods">￥888</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="imgs/10.jpg" alt="">
                            </dt>
                            <dd>
                                <p class="commendGoods_details">
                                    自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                </p>
                                <p class="price_commendGoods">￥888</p>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <img src="imgs/10.jpg" alt="">
                            </dt>
                            <dd>
                                <p class="commendGoods_details">
                                    自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                                </p>
                                <p class="price_commendGoods">￥888</p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <div id="rig_fixed_bar">
            <div class="fixed_bar_content">
                <div class="fixed_bar_head_portrait">
                    <img src="" alt="">
                </div>
                <ul class="fixed_bar_list">
                    <li>首页</li>
                    <li>优惠劵</li>
                    <li>钱包</li>
                    <li class="serve">
                        客户服务
                        <span></span>
                        <ol class="popup_inform_serve">
                            <li>消费者服务</li>
                            <li>商家服务</li>
                            <li>规划中心</li>
                        </ol>
                    </li>
                    <li class="merchant">
                        商家后台
                        <span></span>
                        <ol class="popup_inform_merchant">
                            <li>管理后台</li>
                            <li>市场入驻</li>
                        </ol>
                    </li>
                </ul>
                <div class="top_box">top</div>
            </div>
        </div>
    </section>
    <footer>

    </footer>

    <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/xiding.js"></script>
    <script type="text/javascript">
        $("header").load("./head.html", function() {})
        $("footer").load("./foot.html", function() {})
            // 抢购计时器
        function getTime() {
            // 目标时间
            let targetDate = new Date("2021-05-22 00:00:00")
                // 当前时间
            let nowDate = new Date()
                // 返回时间毫秒
            let total = Math.floor((targetDate.getTime() - nowDate.getTime()) / 1000);
            let hours = Math.floor(total / 3600)
            let minutes = Math.floor((total - hours * 3600) / 60)
            let seconds = total % 60
            hours = hours < 10 ? "0" + hours : hours;
            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;
            $(".timer_hours").html(hours);
            $(".timer_minutes").html(minutes);
            $(".timer_seconds").html(seconds);
        }
        getTime()
        setInterval(function() {
            getTime()
        }, 1000)

        // 第一个轮播图(今日必抢)
        $(document).ready(function() {
            let i = 0;
            let clone = $(".rush_top_ban .ban_bigwrap .item").first().clone();
            $(".rush_top_ban .ban_bigwrap").append(clone);
            let count = $(".rush_top_ban .ban_bigwrap .item").length;

            // 自动轮播
            let timer = setInterval(function() {
                i++;
                move_qiang();
            }, 4000);
            // 鼠标悬停事件
            $(".rush_top_ban").hover(function() {
                    clearInterval(timer); //鼠标悬停清除计时器
                },
                function() {
                    timer = setInterval(function() {
                        i++;
                        move_qiang();
                    }, 2000); //鼠标移出时开始定时器
                });

            // 向左箭头
            $(".rush_top_ban .prev_arrows").click(function() {
                    i--;
                    move_qiang();
                })
                // 向右箭头
            $(".rush_top_ban .next_arrows").click(function() {
                i++;
                move_qiang();
            })

            // 移动事件
            function move_qiang() {
                if (i == count) {
                    $(".rush_top_ban .ban_bigwrap").css({
                        marginLeft: 0
                    });
                    i = 1;
                }
                if (i == -1) {
                    $(".rush_top_ban .ban_bigwrap").css({
                        marginLeft: -(count - 1) * 970
                    });
                    i = count - 2;
                }
                $(".rush_top_ban .ban_bigwrap").stop().animate({
                    marginLeft: -i * 970
                }, 1000);
            }
        })

        // 第二个轮播图(女装)
        $(document).ready(function() {
            let i = 0;
            let clone = $(".details_banner .details_ban_bigwrap .details_item").first().clone();
            $(".details_banner .details_ban_bigwrap").append(clone);
            let count = $(".details_banner .details_ban_bigwrap .details_item").length;

            // 自动轮播
            let timer = setInterval(function() {
                i++;
                move_nv();
            }, 3000);
            // 鼠标悬停事件
            $(".details_banner").hover(function() {
                    clearInterval(timer); //鼠标悬停清除计时器
                },
                function() {
                    timer = setInterval(function() {
                        i++;
                        move_nv();
                    }, 2000); //鼠标移出时开始定时器
                });

            // 向左箭头
            $(".details_banner .nv_prev").click(function() {
                    i--;
                    move_nv();
                })
                // 向右箭头
            $(".details_banner .nv_next").click(function() {
                i++;
                move_nv();
            })

            // 移动事件
            function move_nv() {
                if (i == count) {
                    $(".details_banner .details_ban_bigwrap").css({
                        marginLeft: 0
                    });
                    i = 1;
                }
                if (i == -1) {
                    $(".details_banner .details_ban_bigwrap").css({
                        marginLeft: -(count - 1) * 950
                    });
                    i = count - 2;
                }
                $(".details_banner .details_ban_bigwrap").stop().animate({
                    marginLeft: -i * 950
                }, 1000);
            }
        })

        // 第三个轮播图(女鞋和包包)
        $(document).ready(function() {
            let i = 0;
            let clone = $(".link_cen_banner .banner_bigwrap .cen_item").first().clone();
            $(".link_cen_banner .banner_bigwrap").append(clone);
            let count = $(".link_cen_banner .banner_bigwrap .cen_item").length;
            console.log(count)
                // 添加小圆点
            for (let j = 0; j < count - 1; j++) {
                $(".link_cen_banner .dotWrap").append("<li></li>");
            }
            $(".link_cen_banner .dotWrap li").first().addClass("focus");
            // 自动轮播
            let timer = setInterval(function() {
                i++;
                move();
            }, 2000);
            // 鼠标悬停事件
            $(".link_cen_banner").hover(function() {
                    clearInterval(timer); //鼠标悬停清除计时器
                },
                function() {
                    timer = setInterval(function() {
                        i++;
                        move();
                    }, 2000); //鼠标移出时开始定时器
                });
            // 鼠标滑过小圆点事件
            $(".link_cen_banner .dotWrap li").hover(function() {
                let index = $(this).index(); //获取当前索引值
                i = index;
                $(".link_cen_banner .banner_bigwrap").stop().animate({
                    marginLeft: -index * 640
                }, 500);
                $(this).addClass("focus").siblings().removeClass("focus");
            });

            // 移动事件
            function move() {
                if (i == count) {
                    $(".link_cen_banner .banner_bigwrap").css({
                        marginLeft: 0
                    });
                    i = 1;
                }
                if (i == -1) {
                    $(".link_cen_banner .banner_bigwrap").css({
                        marginLeft: -(count - 1) * 640
                    });
                    i = count - 2;
                }
                $(".link_cen_banner .banner_bigwrap").stop().animate({
                    marginLeft: -i * 640
                }, 1000);
                if (i == count - 1) {
                    $(".link_cen_banner .dotWrap li").eq(0).addClass("focus").siblings().removeClass("focus");
                } else {
                    $(".link_cen_banner .dotWrap li").eq(i).addClass("focus").siblings().removeClass("focus");
                }
            }
        })

        let name = localStorage.getItem("username")
        if (localStorage.getItem("username") && localStorage.getItem("userpass")) {
            $(".message_nickname").html(localStorage.getItem("username"))
        }
        // console.log(name)

        // console.log(111111)
    </script>
</body>

</html>